<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>产品详情</title>
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/product.css" rel="stylesheet" type="text/css">

</head>

<body>
<!--header-->
<div class="header">
	<div class="wrap-box">
			<span class="top-left">欢迎访问佳坤家具官方网站</span>
			<span class="top-right">联系我们&nbsp;&nbsp;Tel&nbsp;:&nbsp;023-88888888</span>
	</div>
	<div class="head wrap">
		<a  class="logo" href="index.html"><img class="logo-img" src="images/logo.png"><h6 class="title">佳&nbsp;坤&nbsp;家&nbsp;具</h6><span class="title-english">JIAJUNJIAJU</span></a>
		<ul class="nav">
			<li><a href="index.html">首&nbsp;&nbsp;页</a></li>
			<li><a href="about_us.html">公司介绍</a></li>
			<li><a href="news_center.html">新闻中心</a></li>
			<li class="current"><a href="pro_center.html">产品中心</a></li>
			<li><a href="contact_us.html">联系我们</a></li>
		</ul>
		<form  class="form" action="">
			<input type="text" class="search" placeholder="关键字:真的很帅">
			<input type="button" class="submit">
		</form>
	</div>
</div>
<!-- nanner -->
<div class="banner">
	<div id="slideBox" class="slideBox">
        <div class="hd">
            <ul><li class="round">1</li><li class="round">2</li><li class="round">3</li></ul>
        </div>
        <div class="bd">
            <ul>
                <li><a href="#"><img src="images/banner1.png" /></a></li>
                <li><a href="#"><img src="images/banner2.png" /></a></li>
                <li><a href="#"><img src="images/banner3.png" /></a></li>
            </ul>
        </div>
	</div>
</div>
<!-- content -->
<div class="product">
	<div class="product-main wrap">
		<h1>产品详情/<span id="title">PRODUCT DETAILS</span></h1>
		<div class="content wrap">
			<img class="content-img" src="images/product_content.jpg"/>
            
			<div class="content-head">
            	<div class="content-head-top">
                    <span class="title1">2017年经典套装</span><span class="title2">火爆款</span><br>
                    <span class="title3">约清新&nbsp;&nbsp;优雅大气</span>&nbsp;&nbsp;<span class="title4">一份闲适&nbsp;&nbsp;一种生活</span>
                    <p class="title-p"><span class="title5"> 清新自然的原木色调，天然的材质</span><span class="title6">，细腻的做工，时尚休
                    闲大气的造型设计风格，给您带来一种轻松舒适休闲回归大自然的
                    生活体验！</span>
                    </p>
                    
                </div>
                
				<div class="content-head-center">
					<p>超凡睿智的选择，至尊完美的服务</p>
				</div>
                
                <div class="content-head-footer">
                	<span class="title7">产品优点：</span>
                    <p>爱自然/板式制造，具有天然的色泽纹理环保</p>
                    <p>爱自然/板式制造，具有天然的色泽纹理环保</p>
                    <p>爱超值/大众价格，品牌保证 厂家直销</p>
                    <p>爱设计/专属定制尺寸，可以随意搭配办公空间</p>
                    <p>爱时尚/秉承传统与现代结合设计风格，同步办公时尚潮流</p>
                </div>
            </div>
            
		</div>
		<img class="dashed" src="images/images/dashed.png"/>
		<h3 class="pro-content">产品优越</h3>
		<img class="wrap" src="images/product_1.jpg"/>
		<h1>感受纯原木生活<span id="title">&nbsp;|&nbsp;FEEL THE WOOD LIFE</span></h1>
		<p class="poem">一切气息都幻化成了无声息的因子，在记忆的深处潜滋暗长，一切都是这样简单而诗意，和谐而亲切。</p>
        <img class="dashed" src="images/images/dashed.png"/>
        <div class="img-main ">
            <img class="img1" src="images/product.jpg"/>
            <img class="img2" src="images/product2.jpg"/>
        </div>
		<h1>独特的材质成就独特的生活<span  id="title">&nbsp;|&nbsp;SPECIAL LIFE</span></h1>
		<p class="poem">在质朴原木生活，不需要任何多余的修饰，厚重大气之作，取自上等实木材质，健康环保，材质坚硬，质地上乘之选。</p>
        <img class="dashed" src="images/images/dashed.png"/>
        <div class="img-main ">
            <img class="img3" src="images/product4.jpg"/>
            <img class="img4" src="images/product4.jpg"/>
        </div>
		<h1>人性化的设计<span id="title">&nbsp;|&nbsp;HUMANIZED DESIGN</span></h1>
		<p class="poem">时尚简约而不简单的设计，精选的优质木材，稳固的结构设计，贵材足料，大气精工之作。</p>
	</div>
</div>
<!-- footer -->
<div class="footer">
    <ul class="footer-nav">
        <li><a href="index.html">首&nbsp;&nbsp;页</a></li>
        <li><a href="contact_us.html">关于我们</a></li>
        <li><a href="news_center.html">新闻中心</a></li>
        <li><a href="contact_us.html">支付方式</a></li>
        <li><a href="contact_us.html">联系方式</a></li>
        <li><a href="contact_us.html">客户中心</a></li>
        <li><a href="contact_us.html">网站地图</a></li>
    </ul>
	<p class="footer-copy">Copyright&nbsp;CC&nbsp;2016-2017&nbsp;jiakun.com&nbsp;佳坤家具&nbsp;版权所有</p>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
	$(".slideBox").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:1000});
</script>

<!--[if ite IE9]>
    <script src="js/PIE.js"></script>
    <script>
        $(function(){
            $(".round").each(function(){
                PIE.attach(this);
            });
     	});
     </script>
    <script src="js/jquery.placeholder.min.js"></script>
    <script type="text/javascript">
        $(function(){ $('input, textarea').placeholder(); });
    </script>
<![endif]-->
</body>
</html>
